<template>
  <div class="flex flex-row w-full h-[calc(100vh-64px)]">
    <ZoneType v-model:type="type" />
    <MyZone v-if="type === 'my'" />
    <HotZone v-if="type === 'hot'" />
    <FollowZone v-if="type === 'follow'" />
  </div>
</template>
<script setup>
import { ref } from 'vue'
import ZoneType from './components/zone-types.vue'
import MyZone from './components/my-zone.vue'
import HotZone from './components/hot-zone.vue'
import FollowZone from './components/follow-zone.vue'
const type = ref('my')
</script>
<style lang="less" scoped></style>
